body { overflow-x: hidden; }

.z_index_sw { width: 600px; }
.z_index_sw .swiper-slide { position: relative; overflow: hidden; }
.z_index_sw .img { width: 100%; height: 0; padding-bottom: 73%; overflow: hidden; }
.z_index_sw .img img { width: 100%; }
.z_index_sw p { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 56px; padding: 0 20px; text-align: center; color: #fff; font-size: 16px;  line-height: 56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; background: rgba(0,0,0,.8); }
.z_index_sw p a { color: #fff; }
.z_index_sw p a:hover { color: #559CD8; }

/* 首页 _ Banner : z_banner */
.z_banner { width: 100%; margin: 0 auto; }
.z_banner img { width: 100%; float: left; }
.z_banner .swiper-pagination { height: 4px; line-height: 4px; font-size: 0; }
.z_banner .swiper-pagination-bullet { width: 27px; height: 4px; border-radius: 2px; background: #fff; opacity: .6; }
.z_banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 67px; opacity: 1; }
.z_banner .swiper-pagination-bullet { transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.z_banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.z_banner.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 22px; }
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/* 首页 _ 标题 : z_title_1 */
.z_title_1 { margin: 0 auto 40px; width: 270px; font-size: 0; text-align: center; }
.z_title_1 h2 { position: relative; font-weight: bold; font-size: 32px; color: #176ab3; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #DCDCDC; margin-bottom: 10px; }
.z_title_1 h2::after { content: ''; width: 50px; height: 1px; background: #176ab3; position: absolute; bottom: -1px; left: 50%; margin-left: -25px; }
.z_title_1 a { color: #176ab3; }
.z_title_1 a:hover { color: #176ab3; text-decoration: none; }

.z_title_1.title_left { text-align: left; margin-left: 0; }
.z_title_1.title_left h2 { border-width: 0; padding-bottom: 15px; }
.z_title_1.title_left h2::after { bottom: 0; left: 0; margin-left: 0; }
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

.header { height: 70px; line-height: 70px; position: relative; }

.logo { height: 70px; display: block; }

/*.logo a { display: flex; }*/
.logo a { display: block; line-height: 70px; }
.logo a img { vertical-align: middle; }
.logo a.m-logo { display: none; }

/* but */
.but a { font-style: normal; font-size: 16px; color: #000; cursor: pointer; }
.but a:hover { color: #065BA9; text-decoration: none; }
.but .but-search { margin: 0 0 0 20px; }

/* 移动端_搜索按钮 */
.but-m-search { display: none; }

/* 移动端_菜单按钮 */
.but-nav { display: none; width: 16px; height: 16px; position: absolute; top: 22px; right: 15px; }
.but-nav span { display: block; width: 100%; height: 2px; background: #378CD9; position: absolute; right: 0; top: 0; border-radius: 1px; }
.but-nav span:nth-last-of-type(1) { bottom: 0; top: auto; }
.but-nav span:nth-of-type(2) { width: 80%; top: 50%; margin-top: -1px; }

.hn-ul { position: relative; padding-right: 1px; }
.hn-ul::after { content: ""; display: block; width: 1px; height: 20px; background: #E5E5E5; position: absolute; top: 25px; right: 0; }

.hn-li { height: 70px; float: left; position: relative; box-sizing: border-box; }

.hn-li > a { color: #666; font-size: 16px; display: inline-block; box-sizing: border-box; height: 71px; padding: 0 20px;  text-decoration: none;
	transition: background .5s;
	-o-transition: background .5s;
	-moz-transition: background .5s;
	-webkit-transition: background .5s; }
.hn-li > a:hover,
.hn-li.active > a { background: #065BA9; color: #fff; text-decoration: none; }
.hsn-ul { position: absolute; height: auto; background: rgba(0,0,0,.6); z-index: 100; width: 100vw; overflow: hidden; top: 71px; }
.hsn-ul li { height: 0; float: left; position: relative; box-sizing: border-box; }
.hsn-ul li a { color: #b9b9b9; font-size: 16px; display: inline-block; box-sizing: border-box; height: 70px; padding: 0 20px; text-decoration: none; }
.hsn-ul li a:hover,
.hsn-ul li a.active { color: #fff; }
.hn-li:hover .hsn-ul li { height: 70px; }

.hn-li:nth-of-type(4) .hsn-ul { margin-left: -200px; }

@media(max-width: 1024px) {
	.header { height: 60px; line-height: 60px; }
	.logo { height: 60px; }
	.logo a { line-height: 60px; }
	.but i { font-size: 14px;}
	.but .but-search { margin: 0 15px; }
	.hn-ul::after { height: 16px; top: 22px; }
	.hn-li { height: 60px; }
	.hn-li > a { font-size: 14px; height: 60px; padding: 0 15px; }
	.hsn-ul { top: 60px; }
	.hsn-ul li a { height: 60px; padding: 0 15px; font-size: 14px; }
	.hn-li:hover .hsn-ul li { height: 60px; }
}
@media(max-width: 768px) {
	.hn-li:nth-of-type(4) .hsn-ul { margin-left: 0; }
	
	.header { position: fixed; z-index: 100; background: #fff; top: 0; height: 1.1rem; }
	.logo a:nth-of-type(1) { display: none; }
	.logo a.m-logo.m-logo { display: block; line-height: 1.1rem; }
	.logo a.m-logo.m-logo img { height: .6rem; }
	.but { margin-right: .6rem; line-height: 1.1rem; }
	.but i { color: #005bac; }
	.but .but-search { margin: 0; font-size: .3rem; }
	
	.nav { position: fixed; z-index: 100; background: #fff; box-sizing: border-box; left: 100%; top: 1.1rem; overflow-y: scroll; width: 100%; height: 100%; padding-bottom: 113px; }
	.nav.on { left: 0; }
	
	.but-m-search { display: block; position: relative; width: 100%; z-index: 100; left: 0; top: 0; padding: .2rem .2rem 0; background: #fff; box-sizing: border-box; }
	.but-m-search a { display: block; box-sizing: border-box; height: .8rem; line-height: .8rem; border: 1px solid #D2D2D2; border-radius: .05rem; background: #F0F0F0; font-size: .28rem; color: #919192; }
	.but-m-search a i { font-size: .28rem; color: #000; padding: 0 .28rem; border-right: 1px solid #CACBCC; margin-right: .28rem; }
	
	.but-nav { display: block; width: .4rem; height: .3rem; top: .4rem; right: .2rem; }
	.but-nav.on span:nth-of-type(2) { opacity: 0; }
	.but-nav.on span:nth-of-type(1) { top: 8px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform: rotate(45deg); }
	.but-nav.on span:nth-of-type(3) { top: 8px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform: rotate(-45deg); }
	
	.hn-ul { position: relative; top: 0; left: 0; background: #fff; padding: .2rem; z-index: 100; width: 100%; box-sizing: border-box; }
	.hn-ul::-webkit-scrollbar-track-piece { width: 0; }
	.hn-ul::-webkit-scrollbar { width: 0; }
	.hn-ul::-webkit-scrollbar-thumb { width: 0; }
	.hn-ul::-webkit-scrollbar-thumb:hover { width: 0; }
	.hn-li { width: 100%; border-bottom: 1px solid #D2D2D2; height: auto; }
	.hn-li::before { content: ''; display: block; width: .2rem; height: .2rem; right: .2rem; top: .4rem; position: absolute; background: url(../images/but-jt.png) no-repeat center center; background-size: .2rem .2rem; }
	.hn-li > a { width: 90%; font-size: .3rem; padding: 0; color: #000; height: 1rem; line-height: 1rem; }
	.hn-li > a:hover,
	.hn-li.active > a { background: #fff; color: #000; }
	
	.hsn-ul { width: 100%; background: #fff; position: relative; top: 0; }
	.hn-li .hsn-ul li { height: auto; width: 100%; }
	.hn-li .hsn-ul a { display: block; height: 0; line-height: .4rem; color: #646464; width: 100%; margin-bottom: 0; overflow: hidden; }
	.hn-li:hover .hsn-ul li { height: .8rem; }
	.hsn-ul li a:hover,
	.hsn-ul li a.active { color: #646464; }
	.hn-li .hsn-ul,
	.hn-li .hsn-ul li,
	.hn-li .hsn-ul li a { box-sizing: border-box; font-size: .3rem }
	
	.hn-li:hover .hsn-ul a,
	.hn-li.active .hsn-ul a { height: .4rem; margin-bottom: .4rem; }
	
	.hn-li:nth-of-type(1)::before { display: none; }
	.hn-li:nth-of-type(1) > a { width: 100%; }
	
}

/* about us */
.about-content { position: relative; width: 100%; height: 700px; margin: 80px auto; background: url(../images/about-content.png) no-repeat 50%; }
.about-left { position: absolute; left: 0; top: 0; width: 74.53%; height: 700px; background: url(../images/about-left.png) no-repeat left center; }
.about-right { width: 54%; height: auto; background-color: #fff; position: absolute; right: 0; margin-right: 230px; top: 80px; box-shadow: 3px 3px 5px #b7cadb; padding: 120px 120px 120px 120px; box-sizing: border-box; }
.about_bgc { position: absolute; right: -217px; top: 52px; }
.about-title { height: 100px; line-height: 2; font-size: 0; }
.about-title h3 { font-size: 30px; color: #176ab3; }
.line { width: 50px; border-bottom: 1px solid #4588c2; }
.about_article { width: 100%; color: #616161; font-size: 18px; line-height: 40px; text-align: justify; }

/* business-center */
.business_head { position: relative; width: 270px; height: 60px; line-height: 3; margin: 0 auto; text-align: center; border-bottom: 1px solid #dcdcdc; font-size: 0; }
.business_head h3 { font-size: 32px; line-height: 54px; color: #176ab3; }
.business_head p:nth-child(3) { font-size: 18px; }
.line_blue { width: 50px; position: absolute; left: 50%; margin-left: -25px; bottom: 0; border-bottom: 1px solid #176ab3; }
.business_content { margin:60px 0;  }
.business_content .sub_title { width: 90%; height: 120px; background: #fff; position: absolute; top: 70%; left: 50%; margin-left: -45%; text-align: center; padding: 0 20px; border-radius: 8px; font-size: 0; box-sizing: border-box; }
.business_content .sub_title h4 { font-size: 20px; font-weight: normal; color: #000; letter-spacing: 1px; margin: 10px 0 15px; line-height: 1; text-align: center; }
.business_content .sub_title p { display: inline-block; font-size: 16px; color: #B9B9B9; margin: 0; line-height: 1.5; text-align: justify; text-align-last: left; text-justify: distribute; }
.business_content .sub_title a,
.business_content .sub_title a:hover { color: #000; text-decoration: none; }

.business_content .swiper-button-next,
.business_content .swiper-button-prev { width: 60px; height: 90px; background-color: rgba(62,126,169,.5); border-radius: 10px; background-position: center center; background-repeat: no-repeat; }
.business_content .swiper-button-next { right: 10px; background-image: url(../images/i_right6.png); background-size: auto; }
.business_content .swiper-button-prev { left: 10px; background-image: url(../images/i_left6.png); background-size: auto; }

.z_index_sw .swiper-button-next,
.z_index_sw .swiper-button-prev { width: 40px; height: 60px; background-color: rgba(0,0,0,.5); border-radius: 5px; background-position: center center; background-repeat: no-repeat; margin-top: -30px; background-size: 15px 15px; }
.z_index_sw .swiper-button-next { right: 10px; background-image: url(../images/i_right6.png); }
.z_index_sw .swiper-button-prev { left: 10px; background-image: url(../images/i_left6.png); }

.business_content ul { margin-top: 15px; display: flex; justify-content: space-around; }
.business_content ul li { cursor: pointer; width: 19%; height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff; line-height: 2; color: #a5a5a5; border-radius: 10px; }
.business_content ul li p { font-size:22px; }
.business_content ul li:hover { box-shadow: 1px 3px 10px #c8d6e2; color: #176ab3; }
.business_content ul li p img:nth-of-type(2) { display: block; }
.business_content ul li p img:nth-of-type(1) { display: none; }
.business_content ul li.business_active p img:nth-of-type(2) { display: none; }
.business_content ul li.business_active p img:nth-of-type(1) { display: block; }
.business_content ul li:hover p img:nth-of-type(2) { display: none; }
.business_content ul li:hover p img:nth-of-type(1) { display: block; }
.business_active { box-shadow: 1px 3px 10px #c8d6e2; color: #176ab3 !important; }
/* company news */
.company { margin-top: 60px; }

.company_content { margin: 60px 0; display: flex; justify-content: space-between; }
.news_title ul { display: flex; }
.news_title ul li { height: 40px; margin: 0 30px; font-size: 0; }
.title_active{ border-bottom: 2px solid #3d79ad; color: #176ab3; }
.sub_summry { display: none; }
.news_title ul li span { font-size: 18px; line-height: 40px; color: #8a8a8a; cursor: pointer; }
.company_right { width: 550px; }

.new_content ul li { border-left: 5px solid #fff; height: 70px; margin-top: 5px; background-color: #fff; border-radius: 5px; padding: 0 30px; font-size: 0; overflow: hidden; position: relative; }
.new_content ul li p:nth-of-type(1) { display: block; font-size: 18px; color: #423e3e; width: 80%; line-height: 70px; height: 70px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.new_content ul li p a { color: #585858; }
.new_content ul li p { margin: 0; }

/*.new_content ul li.active a,*/
/*.new_content ul li a:hover { color: #000; text-decoration: none; }*/
/*.new_content ul li a.news-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 380px; display: inline-block; }*/

.new_content ul li:nth-of-type(1) { height: 100px; border-left: 5px solid #5eadf0; }
.new_content ul li p:nth-child(2) { display: none; }
.new_content ul li:nth-of-type(1) p:nth-child(2) { font-size: 14px; line-height: 18px; height: 18px; margin-top: 5px; color: #aeaeae; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.new_content ul li span { position: absolute; top: 0; right: 25px; font-size: 14px; color: #AFAFAF; line-height: 70px; width: 40px; }

/*
.new_content .active { line-height: 2; transition: .2s; box-shadow: 5px 1px 5px #e8f1f9; }
.new_content .active p { display: block; }
*/
/*
.new_content ul li p { float: left; width: 400px; font-size: 18px; color: #423e3e; }
.new_content ul li p:nth-child(2) { font-size: 14px; line-height: 18px; height: 18px; margin-top: 5px; color: #aeaeae; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; opacity: 0; display: none; }
.new_content ul li:nth-of-type(1) p:nth-child(2) { display: block; }
*/
/*.new_content ul li.active p:nth-child(2) { opacity: 1; }*/

/*
.new_content ul li span { float: right; font-size: 14px; margin-top: 14px; color: #AFAFAF; }
.new_content ul li span { margin-top: -22px; }
*/
/*.new_content ul li.active span { margin-top: 1px; }*/

.none { display: none; }

/* Transition */
.hsn-ul, .hsn-ul li, .hsn-ul li a, .nav, .but-nav span,
.class {
	transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

#dnn_FooterPane { position: relative; z-index: 90; }

/* 解决图片缩小后变模糊 */
img {
	image-rendering: -moz-crisp-edges;          /* Firefox */
	image-rendering: -o-crisp-edges;            /* Opera   */      
	image-rendering: -webkit-optimize-contrast; /* Webkit  */ 
	image-rendering: crisp-edges; 
	-ms-interpolation-mode: nearest-neighbor;   /* IE      */
}

/* Box */
.z_box {  }
.z_box *,
.z_box *::after,
.z_box *::before { cursor: default;
	-webkit-box-sizing: border-box; /* Chrome & Safari */
	   -moz-box-sizing: border-box; /* Firefox */
	        box-sizing: border-box;
}
.z_box p { margin: 0; }
.z_box a,
.z_box a:hover { color: #000; text-decoration: none; }
.z_box a,
.z_box a img { cursor: pointer; }

/* Width */
.z_width { width: 100%; max-width: 1300px; padding: 0 50px; margin: 0 auto; }

/* Clear */
.z_clear::after { content: ''; display: block; width: 0; height: 0; clear: both; }

/* Footer */
.z_footer {
	background-color: #579cdd;
	background-image: -webkit-linear-gradient(#579cdd, #3d5dac); /* Chrome & Safari */
	background-image:    -moz-linear-gradient(#579cdd, #3d5dac); /* Firefox */
	background-image:      -o-linear-gradient(#579cdd, #3d5dac); /* Opera */
	background-image:         linear-gradient(#579cdd, #3d5dac);
}

.z_footer_box1 { overflow: hidden; }
.z_footer_logo { margin: 40px 0 20px; }
.z_footer_logo img { vertical-align: middle; }
.z_footer_logo img:nth-of-type(1) { display: block; }
.z_footer_logo img:nth-of-type(2) { display: none; }

.z_footer_box2 { position: relative; border: 1px solid #86b2e1; border-width: 1px 0; padding: 40px 0 25px; }
.z_footer_list { width: 65%; }
.z_footer_list li { display: inline-block; float: left; width: 20%; font-size: 14px; line-height: 1; }
.z_footer_list li a { display: inline-block; color: #e5e5e5; margin-bottom: 15px; }
.z_footer_list li a:nth-of-type(1) { color: #fff; font-size: 18px; }
.z_footer_list li a:hover { color: red; }
.z_footer_list2 { width: 320px; position: absolute; top: 40px; /*left: 65%;*/ right: 0; }
.z_footer_list2 li { float: left; padding: 0 0 10px 20px; width: 25%; }
.z_footer_list2 li a > img,
.z_footer_list2 li .z_but_2wm > img { vertical-align: middle; width: 100%; cursor: pointer; }
.z_footer_list2 li a,
.z_footer_list2 li .z_but_2wm { position: relative; display: block; width: 60px; height: 60px; text-align: center; border-radius: 10px; border: 1px solid #fff; cursor: pointer; }
.z_footer_list2 li .z_but_2wm:hover .z_footer_2wm { display: block; }
.z_footer_list2 li .z_but_2wm .z_footer_2wm { display: none; width: 136px; position: absolute; left: 50%; margin-left: -68px; bottom: 65px; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,.2); background: #fff; border-radius: 5px; }
.z_but_2wm .z_footer_2wm::after { content: ''; display: block; width: 10px; height: 10px; background: #fff; position: absolute; bottom: -5px; left: 50%; margin-left: -5px;
	     -o-transform:rotate(45deg); /* Opera           */	
        -ms-transform:rotate(45deg); /* IE 9            */
       -moz-transform:rotate(45deg); /* Firefox         */
	-webkit-transform:rotate(45deg); /* Chrome & Safari */
            transform:rotate(45deg); }
.z_but_2wm .z_footer_2wm img { width: 100%; border-radius: 5px; vertical-align: bottom; }
.z_but_2wm .z_footer_2wm p { color: #666; font-size: 14px; letter-spacing: 1px; line-height: 1; margin-top: 0; margin-bottom: 10px; }

.z_footer_box2 > .z_footer_2wm { width: 136px; position: absolute; top: 40px; right: 40px; text-align: center; display: none; }
.z_footer_box2 > .z_footer_2wm img { width: 100%; border-radius: 5px; }
.z_footer_box2 > .z_footer_2wm p { color: #e5e5e5; font-size: 14px; letter-spacing: 1px; line-height: 1; margin-top: 10px; }

.z_footer_box3 { height: 110px; line-height: 110px; color: #e5e5e5; font-size: 14px; }
.z_footer_box3 > a,
.z_footer_box3 > span { margin-right: 70px; letter-spacing: 1px; }
.z_footer_box3 a { color: #e5e5e5; }
.z_footer_box3 a:hover { color: red; }

.sub_img { border-radius: 10px; height: 530px; overflow: hidden; }
.sub_img { width: auto; height: 100%; }

/* 响应式 */
@media (max-width: 1366px) { /* 笔记本 */
	
}

@media (max-width: 1024px) { /* 平板 */
	.z_width { padding: 0 20px; }
}

@media (max-width: 768px)  { /* 手机 */
	.business { padding: 0 .2rem; }
	
	.z_width { padding: 0 .2rem; }
	
	.z_footer_logo { margin: .5rem 0 .2rem; }
	.z_footer_logo img { height: .705rem; }
	.z_footer_logo img:nth-of-type(1) { display: none; }
	.z_footer_logo img:nth-of-type(2) { display: block; }
	
	.z_footer_box2 { padding: .4rem .3rem .2rem; }
	
	.z_footer_box2 > .z_footer_2wm { position: relative; float: right; top: auto; right: auto; width: 2.25rem; display: block; }
	.z_footer_box2 > .z_footer_2wm p { font-size: .24rem; letter-spacing: .02rem; margin-top: .1rem; }
	.z_footer_list { display: none; }
	.z_footer_list2 { position: relative; float: left; width: 3.2rem; top: auto; left: auto; }
	.z_footer_list2 li { padding: 0 .45rem .2rem 0; width: 50%; }
	.z_footer_list2 li a,
	.z_footer_list2 li .z_but_2wm { width: 1.15rem; height: 1.15rem; }
	.z_footer_list2 li .z_but_2wm .z_footer_2wm,
	.z_footer_list2 li .z_but_2wm:hover .z_footer_2wm { display: none; }
	
	.z_footer_box3 { height: auto; line-height: 2.2; font-size: .24rem; padding: .3rem 0; }
	.z_footer_box3 > a, .z_footer_box3 > span { margin-right: 0; }
	.z_footer_box3 > span { display: block; text-align: center; width: 100%; letter-spacing: .02rem; }
	
	.z_title_1 { margin: 0 auto .4rem; }
	.z_title_1 h2 { font-size: .3rem; margin-bottom: .1rem; letter-spacing: .02rem; padding-bottom: .2rem; }
	.z_title_1 h2::after { width: .5rem; }
	.z_title_1 h2 img { height: .14rem; }
	.z_title_1.title_left h2 { font-size: .36rem; padding-bottom: .15rem; }
	.z_title_1.title_left img { height: .18rem; }
	
	.business_content { margin: .4rem 0; }
	.business_content .swiper-container { height: 4.2rem; }
	.business_content .swiper-button-next, .business_content .swiper-button-prev { display: none; }
	.business_content .sub_title { width: 6.7rem; height: 1.8rem; padding: 0 .25rem; bottom: .1rem; left: .2rem; top: auto; margin-left: 0; box-shadow: 0 5px 5px rgba(0,0,0,.2); }
	.business_content .sub_title h4 { font-size: .3rem; letter-spacing: .02rem; margin: .3rem 0 .15rem; }
	.business_content .sub_title p { font-size: .22rem; color: #9f9f9f; line-height: .4rem; height: .8rem; overflow: hidden; }
	.sub_img { width: 100%; height: 3.7rem; overflow: hidden; margin-bottom: .5rem; }
	.sub_img img { width: 100%; height: 3.7rem; }
	.business_content ul { margin-top: .3rem; display: block; }
	.business_content ul::after { content: ''; display: block; width: 0; height: 0; clear: both; }
	.business_content ul li { float: left; width: 32%; height: 1.8rem; margin-right: 2%; }
	.business_content ul li:nth-of-type(3),
	.business_content ul li:nth-of-type(5) { margin-right: 0; }
	.business_content ul li:nth-of-type(1),
	.business_content ul li:nth-of-type(2),
	.business_content ul li:nth-of-type(3) { margin-bottom: .2rem; }
	.business_content ul li:nth-of-type(4) { margin-left: 17%; }
	.business_content ul li p { font-size: .24rem; margin: .15rem; }
	.business_content ul li p img { width: .5rem; }
	
	.about-content { overflow: hidden; height: auto; box-sizing: border-box; padding: 0 .2rem .2rem; background: url(); margin: .4rem 0; }
	.about-left { width: 100%; background-position: center top; background-size: contain; height: 100%; }
	.about-right { position: relative; width: 100%; margin-right: 0; border-radius: .2rem; padding: .4rem; overflow: hidden; top: 0; margin-top: .8rem; }
	.about_article { margin: 0; font-size: .24rem; line-height: 2; }
	.about_bgc { right: -1.8rem; top: .2rem; }
	
	.company_content { display: block; margin: 0 0 .6rem; width: 100%; }
	.z_index_sw { box-sizing: border-box; width: 100%; }
	.z_index_sw .swiper-slide { box-sizing: border-box; }
	.z_index_sw p { width: 7.1rem; height: .9rem; line-height: .9rem; padding: 0 .2rem; font-size: .24rem; box-sizing: border-box; border-radius: 0 0 .1rem .1rem; }
	.z_index_sw .img { box-sizing: border-box; width: 7.1rem; height: 4.4rem; padding-bottom: 0; border-radius: .1rem; }
	
	.news_title ul li { height: .8rem; margin: 0 .3rem; }
	.news_title ul li span { font-size: .3rem; line-height: .8rem; }
	.news_title ul li.title_active span { color: #176ab3; }
	.new_content ul li:nth-of-type(1) p:nth-child(2) { display: none; }
	.company_right { width: 100%; }
	.new_content ul li p:nth-of-type(1) { width: 100%; line-height: 1.2rem; font-size: .32rem; height: 1.2rem; }
	.new_content ul li span { display: none; }
	.new_content ul li p a { color: #423e3e; font-size: .32rem; }
	.new_content ul li:nth-of-type(1),
	.new_content ul li { height: 1.2rem; border-color: #5eadf0; margin-top: .25rem; }
	
	.z_banner { margin: 1.1rem auto 0; }
}
@media (max-width: 320px)  { /* 最小宽度 */
	html { width: 320px; }
}

/* 过渡效果 */
a,
.z_transition {
	        transition: all .5s;
	     -o-transition: all .5s; /* Opera */
	   -moz-transition: all .5s; /* Firefox */
	-webkit-transition: all .5s; /* Chrome & Safari */
}